<template>
    <view>
        <cu-custom bgColor="bg-gradual-blue" :isBack="true">
            <view slot="backText">返回</view>
            <view slot="content">布局</view>
        </cu-custom>
        <button class="cu-btn round bg-orange">一个按钮</button>
    </view>
</template>

<script>
// index.js
// 获取应用实例
const app = getApp();
export default {
    data() {
        return {
            motto: 'Hello World',
            ColorList: app.globalData.ColorList,
            userInfo: {},
            hasUserInfo: false,
            canIUse: uni.canIUse('button.open-type.getUserInfo'),
            canIUseGetUserProfile: false,
            canIUseOpenData: uni.canIUse('open-data.type.userAvatarUrl') && uni.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
        };
    },
    onLoad() {
        if (uni.getUserProfile) {
            this.setData({
                canIUseGetUserProfile: true
            });
        }
    },
    methods: {
        // 事件处理函数
        bindViewTap() {
            uni.navigateTo({
                url: '../logs/logs'
            });
        },

        getUserProfile(e) {
            // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
            uni.getUserProfile({
                desc: '展示用户信息',
                // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
                success: (res) => {
                    console.log(res);
                    this.setData({
                        userInfo: res.userInfo,
                        hasUserInfo: true
                    });
                }
            });
        },

        getUserInfo(e) {
            // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
            console.log(e);
            this.setData({
                userInfo: e.detail.userInfo,
                hasUserInfo: true
            });
        }
    }
};
</script>
<style></style>
